import React from 'react'
import {MenuStyle} from './Menu.style'

const Menu=(props)=>{
    const {menuData}=props
    return(
        <MenuStyle>
                {
                menuData.map((item, index) => {
                    return (
                      <li className="menu_item" key={index}>
                        <div className="menu_icon">
                          <svg className="icon" aria-hidden="true">
                            <use xlinkHref={item.icon_name}></use>
                          </svg>
                        </div>
                        <div className="menu_text">{item.title}</div>
                      </li>
                    );
                  })}
        </MenuStyle>
    )
}

export default Menu;